<style>
.btn-custom {
  background-color: hsl(317, 90%, 36%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cb0a94", endColorstr="#ae097f");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#cb0a94), to(#ae097f));
  background-image: -moz-linear-gradient(top, #cb0a94, #ae097f);
  background-image: -ms-linear-gradient(top, #cb0a94, #ae097f);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cb0a94), color-stop(100%, #ae097f));
  background-image: -webkit-linear-gradient(top, #cb0a94, #ae097f);
  background-image: -o-linear-gradient(top, #cb0a94, #ae097f);
  background-image: linear-gradient(#cb0a94, #ae097f);
  border-color: #ae097f #ae097f hsl(317, 90%, 34.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09);
  -webkit-font-smoothing: antialiased;
}
</style>

<div class="alert alert-info">
    <h4><span>Pilih "MODUL" mengisi kritik & saran</span></h4>
    <h4><span>Pilih "SIMPAN" untuk menyudahi</span></h4>
</div>

<div class="row">
	<div class="col-lg-12">
		<div class="panel panel-default">
			<div class="panel-heading" style="font-size: 24px;font-weight: bold;">
				<span><center style="background-color: lightpink;">Form Kritik & Saran</center></span>
			</div>
			<div class="panel-body" style="background-color: mistyrose;">
				<?php
					$attributes = array('class' => 'form-horizontal', 'role' => 'form');
					echo form_open('kuesioner/kritik_saran/'.$parameter, $attributes);
				?>

                    <div class="form-group">
                        <label class="col-lg-3 control-label" for="select" style="font-size: 22px;">Modul</label>
                        <div class="col-lg-6">
							<?php
								$js = ' id="modul" class="form-control" style="font-size: 20px; font-weight: bold;" ' ;
								echo form_dropdown('modul',$modul,'0',$js);
							?>
                        </div>
                    </div><!-- End .form-group  -->

                    <div class="form-group" id="class_isian">
                        <h3><label class="col-lg-3 control-label" for="select">Kritik & Saran</label></h3>
                        <div class="col-lg-6">
							<textarea id="isian" name="isian" rows="3" class="form-control" style="font-size: 20px; font-weight: bold; color: black"></textarea>
                        </div>
                    </div><!-- End .form-group  -->

                    <br/>

					<div class="form-group">
						<div class="col-lg-offset-3 col-lg-9">
							<!-- <button type="submit" class="btn btn-info" onClick="lanjut()">Lanjut Ke Halaman Jenis Izin</button> -->
							<button type="submit" id="lanjut" nane="lanjut" class="btn btn-primary"><span class="icon16 icomoon-icon-disk white"></span>&nbsp;Lanjut</button>
							<a href="<?php echo site_url("kuesioner/r_global_setahun"); ?>"><button type="button" id="simpan" name="simpan" class="btn btn-custom">Simpan &nbsp;&nbsp;<span class="icon16 icomoon-icon-arrow-right-4 white"></span></button></a>
						</div>
					</div><!-- End .form-group  -->

                <?php form_close(); ?>
			</div>
		</div>
	</div>

</div><!-- End .panel -->

<script type="text/javascript">
$( "#class_isian" ).hide();
$( "#lanjut" ).hide();

$( "#modul" ).change(function (event){
	if ( $("option:selected",this).text() == "-- Pilih Salah Satu Modul Untuk Mengisi Kritik dan Saran --" ) {
		$( "#class_isian" ).hide();
		$( "#lanjut" ).hide();
		$( "#simpan" ).show();
	} else{
		$( "#class_isian" ).show();
		$( "#lanjut" ).show();
		$( "#simpan" ).hide();
	};
});
</script>